<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <base target="_blank"/>
    <title>AngularJs使用1</title>
    <script src="plugin/angular.min.js"></script>

    <script>
        /*
        * 自定义模块&Controller
        * */
        //定义了名称为myApp的模块
        var app = angular.module('myApp', []);
        //定义控制器
        app.controller('myController', function ($scope) {
            $scope.add = function () {
                return parseInt($scope.x) + parseInt($scope.y);
            }
        });

    </script>
</head>
<!--
    ng-app指令：
        1.告诉子元素以下的指令是angular识别并使用
        2.定义了应用程序的根元素
        3.在网页加载完毕时会自动引导、自动初始化应用程序

    ng-init指定：
        1.用于初始化变量
-->
<body ng-app ng-init="age='12'">
<!--
    1.模块化设计
        a.官方提供的模块：ng、ngRoute、ngAnimate
        b.自定义模块：angular.module('模块名',[])

-->
表达式：{{100+100}} <br>

双向绑定：<input type="text" ng-model="name"> {{name}} {{age}} <br>

控制器的使用：<br>


<input type="text" ng-model="x"> + <input type="text" ng-model="y" value="2"> = {{add()}}


</body>
</html>